<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html">

    <body>

        <ui:composition template="./../template/templateWelcomeAdmin.xhtml">
            <ui:define name="title">
                Bienvenido
            </ui:define>
            
            <ui:define name="content">
                <h:form>
                 <div class="row">
                        <div class="col-lg-3 col-xs-6">
                            <!-- small box -->
                            <div class="small-box bg-aqua">
                                <div class="inner">
                                    <h3>
                                    Usuarios
                                    </h3>
                                    <p>
                                        Administrar usuarios
                                    </p>
                                  <br/>
                                </div>
                                <div class="icon">
                                    <i class="fa fa-users" style="padding-bottom: 40px;"></i>
                                </div>
                                <h:commandLink action="#{usuarioController.listarUsuarios()}" class="small-box-footer">
                                    Continuar <i class="fa fa-arrow-circle-right"></i>
                                </h:commandLink>
                            </div>
                        </div><!-- ./col -->
                        <div class="col-lg-3 col-xs-6">
                            <!-- small box -->
                            <div class="small-box bg-green">
                                <div class="inner">
                                    <h3>
                                        Ventas
                                    </h3>
                                    <p>
                                        Administrar ventas
                                   
                                    </p>
                                   
                                </div>
                                <div class="icon">
                                    <i class="fa fa-money" style="padding-bottom: 40px;"></i>
                                </div>
                                <br/>
                                <h:commandLink action="#" class="small-box-footer">
                                    Continuar <i class="fa fa-arrow-circle-right"></i>
                                </h:commandLink>
                            </div>
                        </div><!-- ./col -->
                        <div class="col-lg-3 col-xs-6">
                            <!-- small box -->
                            <div class="small-box bg-yellow">
                                <div class="inner">
                                    <h3>
                                       Manager
                                    </h3>
                                    <p>Administre su carta de productos, recetas e ingredientes</p>
                                </div>
                                <div class="icon">
                                    <i class="fa fa-cubes" style="padding-bottom: 40px;"></i>
                                </div>
                                <h:commandLink action="#{productoController.listarProductos()}" class="small-box-footer">
                                    Continuar <i class="fa fa-arrow-circle-right"></i>
                                </h:commandLink>
                            </div>
                        </div><!-- ./col -->
                        <div class="col-lg-3 col-xs-6">
                            <!-- small box -->
                            <div class="small-box bg-red">
                                <div class="inner">
                                    <h3>
                                       Dashboard
                                    </h3>
                                    <p>
                                        Ver estadisticas
                                    </p>
                                    <br/>
                                </div>
                                <div class="icon">
                                    <i class="ion ion-pie-graph" style="padding-bottom: 40px;"></i>
                                </div>
                                <h:commandLink action="#" class="small-box-footer">
                                    Continuar <i class="fa fa-arrow-circle-right"></i>
                                </h:commandLink>
                            </div>
                        </div><!-- ./col -->
                    </div><!-- /.row -->
                </h:form>    
            </ui:define>

        </ui:composition>

    </body>
</html>
